<!-- 管理员用户组新增和编辑页面 -->
<extend name="Public/base" />

<block name="body">
  <!-- 标题栏 -->
  <div class="main-title">
    <h2>用户组管理</h2><span class="check-tips text-warning">（对权限作任何更改后，都需要到 “控制台->清理缓存”，清理缓存，退出登录。新的设置才会生效）</span>
  </div>
  <div class="tab-wrap">
    <ul class="tab-nav nav">
      <li class="current"><a href="javascript:;">访问授权</a></li>
      <li><a href="{:U('AuthManager/user',array('group_name'=>I('group_name') ,'group_id'=> I('group_id')))}">成员授权</a></li>
      <li class="fr">
        <select name="group">
          <volist name="auth_group" id="vo">
            <option value="{:U('AuthManager/access',array('group_id'=>$vo['id'],'group_name'=>$vo['title']))}" <eq name="vo['id']" value="$this_group['id']">selected</eq> >{$vo.title}</option>
          </volist>
        </select>
      </li>
    </ul>
    <div class="tab-content">
      <!-- 访问授权 -->
      <div class="tab-pane in">
        <form action="{:U('AuthManager/writeGroup')}" enctype="application/x-www-form-urlencoded" method="POST" class="form-horizontal auth-form">
          <volist name="node_list" id="node">
            <dl class="checkmod">
              <dt class="hd">
              <label class="checkbox"><input class="auth_rules" type="checkbox" name="rules[]" value="<?php echo $main_rules[$node['url']] ?>">{$node.title}管理</label>
                <span style="font-size:14px;font-weight: normal;">
                <a href="javascript:;" class="J_rules_all" data-checked="1">全选</a> /
                <a href="javascript:;" class="J_rules_all" data-checked="0">取消全选</a>
                </span>
              </dt>
              <dd class="bd">
              <present name="node['child']">
                <volist name="node['child']" id="child" >
                  <div class="rule_check">
                    <div>
                      <label class="checkbox" <notempty name="child['tip']">title='{$child.tip}'</notempty>>
                        <input class="auth_rules rules_row" type="checkbox" name="rules[]" value="<?php echo $auth_rules[$child['url']] ?>"/>{$child.title}
                      </label>
                    </div>
                    <notempty name="child['operator']">
                      <span class="divsion">&nbsp;</span>
                      <span class="child_row">
                        <volist name="child['operator']" id="op">
                          <label class="checkbox" <notempty name="op['tip']">title='{$op.tip}'</notempty>>
                            <input class="auth_rules" type="checkbox" name="rules[]" value="<?php echo $auth_rules[$op['url']] ?>"/>{$op.title}
                          </label>
                        </volist>
                      </span>
                    </notempty>
                  </div>
                </volist>
              </present>
              </dd>
            </dl>
          </volist>
          <input type="hidden" name="id" value="{$this_group.id}" />
          <button type="submit" class="btn submit-btn ajax-post" target-form="auth-form">确 定</button>
          <button class="btn btn-return" onclick="javascript:history.back(-1);
              return false;">返 回</button>
        </form>
      </div>

      <!-- 成员授权 -->
      <div class="tab-pane"></div>

      <!-- 分类 -->
      <div class="tab-pane"></div>
    </div>
  </div>
</block>

<block name="script">
  <script type="text/javascript" src="__JS__/jquery/qtip/jquery.qtip.min.js"></script>
  <link rel="stylesheet" type="text/css" href="__JS__/jquery/qtip/jquery.qtip.min.css" />
  <script>
    ;$(function(){
      var rules = [{$this_group.rules}];
      $('.auth_rules').each(function(){
        if($.inArray(parseInt(this.value, 10), rules) > -1){
          $(this).prop('checked', true);
        }
        if(this.value == ''){
          $(this).closest('span').remove();
        }
      });
      //全选节点
      $('.J_rules_all').on('click', function(){
        $(this).closest('dl').find('input').prop('checked', $(this).data('checked') == 1);
      });
      $('.rules_row').on('change', function(){
        $(this).closest('.rule_check').find('.child_row').find('input').prop('checked', this.checked);
      });
      $('.checkbox').each(function(){
        $(this).qtip({
          content: {
            text: $(this).attr('title'),
            title: $(this).text()
          },
          position: {
            my: 'bottom center',
            at: 'top center',
            target: $(this)
          },
          style: {
            classes: 'qtip-blue',
            tip: {
              corner: true,
              mimic: false,
              width: 10,
              height: 10
            }
          }
        });
      });
      $('select[name=group]').change(function(){
        location.href = this.value;
      });
      //导航高亮
      highlight_subnav('{:U('AuthManager/index')}');
    });
  </script>
</block>
